<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>员工管理</title>
  <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="../lib/bootstrapTable/bootstrap-table.css">
</head>
<body>

<div class="container">
  <div class="row">
    <ol class="breadcrumb">
      <li>主页</li>
      <li>人事管理</li>
      <li>员工管理</li>
    </ol>
  </div>
  <div class="row">
    <form class="form-horizontal"> <!--container-->

      <div class="form-group"> <!--row-->
        <div class="col-md-4">
          <label class="control-label col-md-4">员工姓名</label>
          <div class="col-md-8"><input class="form-control" id="empName"/></div>
        </div>
        <div class="col-md-4">

          <label class="control-label col-md-4">员工部门</label>
          <div class="col-md-8"><select class="form-control" id="sltDept"></select></div>

        </div>
        <div class="col-md-4">
          <label class="control-label col-md-4">员工职务</label>
          <div class="col-md-8"><select class="form-control" id="sltTitle"></select>
          </div>
        </div>

      </div>
      <div class="form-group">
        <div class="col-md-4">
          <label class="control-label col-md-4">上级</label>
          <div class="col-md-8"><select class="form-control" id="sltSuper"></select>
          </div>

        </div>
        <div class="col-md-offset-6 col-md-2">
        <button class="btn btn-success" type="button" id="btnQuery">搜素</button>
      </div>
       </div>
    </form>

  </div>
  <div class="row">
    <table id="list">
    </table>
  </div>
</div>
<div class="btn-group" id="toolbar">
  <button class="btn btn-primary" id="btnEnter">入职</button>
  <button class="btn btn-success" id="btnChange">转职</button>
  <button class="btn btn-danger" id="btnOut">离职</button>
</div>
<!--模态窗体-->
<div class="modal fade"  id="info">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h3 id="infoTitle">员工添加</h3>
      </div>
      <div class="modal-body">
        <form class="form-horizontal">
            <input type="hidden" id="empId"/>
          <div class="form-group">
              <label class="control-label col-md-offset-1 col-md-2">
                  员工姓名
              </label>
              <div class="col-md-6">
                <input class="form-control" id="empNameForInfo"/>
              </div>
          </div>

          <div class="form-group">
            <label class="control-label col-md-offset-1 col-md-2">
              员工部门
            </label>
            <div class="col-md-6">
              <select class="form-control" id="sltDeptForInfo"></select>
            </div>
          </div>

          <div class="form-group">
            <label class="control-label col-md-offset-1 col-md-2">
              员工职务
            </label>
            <div class="col-md-6">
              <select class="form-control" id="sltTitleForInfo"></select>
            </div>
          </div>

          <div class="form-group">
            <label class="control-label col-md-offset-1 col-md-2">
              员工上级
            </label>
            <div class="col-md-6">
              <select class="form-control" id="sltSuperForInfo"></select>
            </div>
          </div>



        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" id="btnSubmit">确认</button>
      </div>


    </div>
  </div>

</div>

</body>
<script src="../lib/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../lib/bootstrapTable/bootstrap-table.js"></script>
<script src="../lib/mock.js"></script>
<script src="mock/index.js"></script>
<script src="js/employee.js"></script>


</html>
